body{
	/*设置背景图。背景图尺寸若与浏览器宽高不符。则默认将在水平和垂直方向进行重复显示*/
	/*使用url来指定背景图路径。路径为相对路径。..代表上一级目录*/
	background-image: url(../imgs/1.jpeg);
	background-color: greenyellow;
	
	background-repeat: no-repeat;
	background-attachment: scroll;
	/*背景图垂直水平均居中 相当于50% 50% */
	background-position: center center;
	/*设置背景图的尺寸随容器伸缩*/
	
	/*若设置为cover则代表宽高的尺寸均设为100%*/
	/* background-size: 100% 100%; */
	
}

div {
	background-color: darkgreen;
	
}

p {
	color: red;
	/* font-style: normal; */
	font-style: italic;
	/* font-style: oblique; */ 
}

#p2 {
	font-style: oblique;
	
	
}

#p3 {
	font-size: 20px;
	font-variant: small-caps;
}
.div2 {
	height: 100px;
	width: 200px;
	border: 1px saddlebrown solid;
	font-size: 20px;
	text-align: center;
}
#p4 {
	
	/* 建议使用数字来设定字体尺寸 */
	font-size: 12px;
	
	/* 粗体(常用) */
	/* font-weight: bold; */
	/* 更粗的粗体 */
	/* font-weight: bolder; */
	
	/* font-weight: lighter; */
}

.p33 {
	padding: 10px;
	border: #008000 1px solid;
	/*行高*/
	line-height: 20px;
	/*字体，前面的优先生效。若前面的字体不生效则会使用后面的字体*/
	font-family: 'FangSong', 'arial black';
	color: #808080;
	text-decoration: line-through;
	
	outline:  1px red solid;
}

.p44, pre {
	border: #008000 solid 1px;
	width: 300px;
	height: 150px;
	/*当内容超出容器的高度时。以滚动条的方式去处理*/
	overflow: scroll;
	color: #8A2BE2;
	text-indent: 2em;
}

.p55 {
	border: #008000 1px solid;
	/*强制换行*/
	word-break: break-all;
	height: 100px;
	width: 200px;
}



ul {
	list-style-type: decimal;
	list-style-image: url(../imgs/2.png); 
	list-style-position: outside;
}

ol {
	list-style-type: circle;
}

table {
	border: #006400 solid 1px;
	outline: #8B0000 solid 1px;
	border-spacing: 10px;
	
    empty-cells: hide;
	caption-side: bottom;
	
}
table td{
	/* border: #006400 solid 1px; */
}
table th{
	border: #7FFFD4 solid 1px;
}
 